html[data-theme=light] {
  .cp__right-sidebar-settings a {
    color: var(--ls-primary-text-color);
  }

  .cp__right-sidebar {
    .block-content {
      --ls-page-inline-code-bg-color: var(--ls-quaternary-background-color);
      --ls-page-blockquote-bg-color: var(--ls-quaternary-background-color);
    }
  }
}

.cp__right-sidebar-settings-btn {
  background-color: var(--ls-secondary-background-color);
}

.sidebar-item-list {
  @apply ml-1 mt-[-8px] pb-[150px];

  height: calc(100vh - 48px);
}

html[data-theme=light] a.toggle:hover {
  color: var(--ls-primary-text-color);
}

.cp__header {
  > .r > div:not(.ui__dropdown-trigger) a, button {
    color: var(--lx-gray-11, var(--ls-header-button-background, var(--rx-gray-11)));

    &:hover {
      color: var(--lx-gray-12, var(--ls-header-button-background, var(--rx-gray-12)));
    }
  }
}

.cp__right-sidebar-topbar {
  @apply px-1 h-12 bg-transparent;

  button {
    @apply opacity-100;
  }
}
